<!DOCTYPE html>
<html>

<head>
    <title>Example</title>
    <meta name="author" content="Adam Freeman">
    <meta name="description" content="A simple example">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <style type="text/css">
        img {
            border: 4px solid black;
            background-color: lightgrey;
            padding: 4px;
            /* 上 右 下 左 */
            margin: 4px 20px 4px 20px;
        }
    </style>
</head>

<body>
    <img src="../images/banana.png" alt="small banana">
    <img src="../images/banana.png" alt="small banana">
</body>

</html>